草庐IT

html - 动画 :hover:after

全部标签

javascript函数获取html中的所有图像

我想要一个javascript函数来基本上返回页面中所有imgsrc的数组,我该怎么做? 最佳答案 您可以通过document.getElementsByTagName()轻松获得包含所有img元素的数组。:varimages=document.getElementsByTagName('img');varsrcList=[];for(vari=0;i除了document.getElementsByTagName('img'),您还可以使用document.images集合。如果您使用的是jQuery,您还可以使用$('img'),

javascript - 避免 HTML 文档回流

我有几百个像这样的“行”元素:我需要在它们已经呈现在页面上之后获取它们的clientHeight。我知道“clientHeight”属性强制回流,这会影响我的性能,因为它们太多了。但是-它们已经被渲染并且我知道它们的大小在它们被渲染的时间和我查询它们的高度的时间之间没有变化。有没有办法告诉浏览器在查询高度时不要重排?此外-webkit检查员说:Layouttreesize5901LayoutscopeWholedocument而且div位于绝对定位的祖先中-难道不应该只回流绝对定位的元素吗?编辑:所以提供的答案是正确的。我实际上弄脏了布局,因为我有这个循环:rows.each(func

javascript - Raphael.js 以给定的中心点为路径的旋转设置动画

我正在尝试制作三Angular形动画(想象一下,Angular计的针),使其在给定点旋转(见红点)。varsvg=Raphael("container",400,400),triangle=svg.path("M210200L190200L200100Z").attr({fill:"#000"}),circle=svg.circle(200,200,5).attr({fill:"#f00"});//toanimate??triangle.animate({rotation:100,cx:200,cy:200},1000,'');//doesn'tworkJSFiddleExample我

javascript - 如何在 javascript 中获取特定 HTML 标记的所有元素?

除了具有特定ID的元素之外,我需要在我的文档中隐藏所有“部分”类型的元素。在jquery中这很容易$("section").hide();$("section#myId").show();如果没有jquery,我该怎么做?(我需要它在页面加载后立即发生并且不引人注目)。我还需要它才能跨浏览器工作。谢谢。 最佳答案 DOMElement.getElementsByTagName是你的friend:varsections=document.getElementsByTagName('section');varmySection=null

javascript - HTML 报告中的 Istanbul 尔覆盖嵌套目录

来自Istanbul的单元测试覆盖率报告以HTML格式显示index.html中项目的每个文件夹。它实际上扁平化了目录结构。是否可以选择使用嵌套文件夹呈现html报告? 最佳答案 正在复制myanswer来自潜在duplicatequestion:Maybetrythe--reporter=html-spaoption.Seeavailableoptions. 关于javascript-HTML报告中的Istanbul尔覆盖嵌套目录,我们在StackOverflow上找到一个类似的问题:

javascript - Ckeditor 选择的 html 在 chrome 浏览器中无法正常工作

我正在使用mvc应用程序并使用ckeditor3.6.2版本。我使用以下代码从ckeditor获取选定的html。CKEDITOR.editor.prototype.getSelectedHtml=function(){if(CKEDITOR.env.ie){this.focus();selection=this.getSelection();}else{selection=this.getSelection();}if(selection){varbookmarks=selection.createBookmarks(),range=selection.getRanges()[0],

javascript - Chromecast HTML 按钮

是否可以通过HTML按钮调用chromecast?我编写了一个使用自定义接收器的网页,基本上允许用户以统计数据/图表的形式向一屋子的人显示报告,但他们会在屏幕上看到控件。但是因为这纯粹是一个转换应用,所以我想在网页上显示一个按钮,当用户不转换时显示,然后在他们不转换时消失。所以像这样:StartStop然后是一些JS,例如:if(CASTAVAILBLE){if(CASTING){$('#castStart').hide();$('#castStop').show();}else{$('#castStart').show();$('#castStop').hide();}$('#cas

javascript - Angular 2 排序列表动画

我会发布代码,但我真的不知道从哪里开始。我已经阅读了https://angular.io/docs/ts/latest/guide/animations.html动画指南,但它不能满足我的要求。因此,假设您有一个使用*ngFor显示的项目列表,并且列表顶部包含排序按钮。例如说默认排序是“姓名”。它会在初始屏幕上显示如下SortBy:Name|Value[name:a,value:3][name:b,value:2][name:c,value:1]然后假设用户按下“值”以按值排序。SortBy:Name|Value[name:c,value:1][name:b,value:2][name

javascript - 从模型上的数据库更改(after_commit 回调)使用 Faye 更新 Rails View

我很困惑,这是我的第一个Faye或Pub/Sub实现,所以如果这是一个基本问题,请原谅我。我没有在其他任何地方找到答案。任何帮助表示赞赏。如何从模型回调(after_commit、after_save等)调用和更新RailsView页面?我需要一个javascript代码来执行View更新,以便在after_commit回调触发后从views/conferences/_show_current_participants.js.erb运行。如果我在View上使用带return=>true的link_to标记,我已经设置好了,它可以让javascript执行并查看更新。问题是我不会有任何用

javascript - 动画 GIF 作为 THREE.js 中的纹理

我正在寻找一种在THREE.js中使用GIF动画作为纹理的方法。我目前可以加载纹理(甚至是GIF格式),但它不播放动画。有什么办法吗?我找到了一些这样的链接:https://github.com/JordiRos/GLGifhttp://stemkoski.github.io/Three.js/Texture-Animation.html但我需要将GIF动画作为纹理播放,而不是在Canvas中播放。 最佳答案 您看到的不是作为纹理的动画GIF。您链接的网站使用库将GIF的每个单独帧渲染为纹理,然后通过更改纹理图像的偏移量循环浏览它们